<template>
<div ref="rootRef">
  Height: {{ height }}
  Width: {{ width }}
</div>
</template>
<script setup lang="ts">
import {ref} from "vue";
import {useElementSize} from "@vueuse/core";

defineOptions({
  name: "UseElementSize"
})

const rootRef = ref<HTMLElement | null>(null)
const { width, height } = useElementSize(rootRef)
</script>
